import "@/app/globals.css";
import Navbar from "@/components/Navbar";
import { AntdRegistry } from "@ant-design/nextjs-registry";

export const metadata = {
    title: "Virtual Cell",
};

export default function RootLayout({
    children,
}: {
    children: React.ReactNode;
}) {
    return (
        <html lang="zh">
            <body className="flex flex-col min-h-screen">
                <main className="flex-1 container mx-auto px-2 py-6 pt-16 bg-red-50">
                    <Navbar />
                    <AntdRegistry>{children}</AntdRegistry>
                </main>
            </body>
        </html>
    );
}
